<template>
  <div class="wrapper">
    <div class="top">
      <p>微信服务号</p>
      <p>aladeng</p>
      <p>长按可复制</p>
    </div>
    <div class="picture">
    <img src="../../assets/img/kefu/zhanghutixian/waicengtu.png" height="431" width="502"/>

      <img class="code" src="../../assets/img/kefu/zhanghutixian/erweima.png" height="204" width="204"/>
    </div>

      <p class="word">您可以 : 通过微信 " 扫一扫 " 扫描上方二维码, 找到我们</p>
     <div class="bottom">
       <p>关注阿拉灯微信服务号</p>
       <p><span>发货 物流 补货 </span>通知早知道</p>
     </div>
  </div>
</template>
<script>
  export default {

  }
</script>
<style scoped>
  .top{
    font-size:0.6rem;
    text-align: center;
    margin-top: 1rem;

  }
  .top p:nth-child(2){
    color: #e53e42;
  }
  .picture{
    text-align: center;
    margin-top: 2rem;
    position: relative;
  }
  .code{
    position: absolute;
    left:41%;
    top:31%;
  }
  .word{
    font-size:0.6rem;
    text-align: center;
    margin-top: 0.9rem;
    margin-bottom: 0.9rem;
  }
  .bottom p{
    font-size:0.6rem;
    text-align: center;

  }
  .bottom span{
    font-size:0.9rem;
  }

</style>
